/* 
    Document   : formulaire
    Description:
        Stylesheet für Formulare...
*/


/* 
 ---------------------------------- error --------------------------
*/
form fieldset p.error {
    color: red;
    font-size: 0.7em;
    font-weight: bold;
    margin-top: -2px;
    text-align: right;
    t
}

/* 
 ---------------------------------- fieldset --------------------------
*/
form fieldset, .contrat  {
    margin: 0 20px 15px 0;
    padding: 0 0 10px 0;
    /*border-bottom: 2px solid #eee;*/
    width: 285px;
    height: 18px;
    float: left;
    /*border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;*/
    border-style: none;
    font-size: 0.9em;
    line-height: 1.5em;
    background: rgba(0, 0, 0, 0.05);
    border-radius:  5px;
}

/* 
 ----------------- kleines feld einzeln => break 
*/
form fieldset.break {
    float: none;
    overflow: hidden;
}  

/* 
 ----------------- doppeltes textfeld => long 
*/
.long {
    width: 590px !important;
    overflow: hidden;
}
.long textarea {
    width: 442px; 
    height: 74px;
}        
.long label {
    
}
.long input {
    width: 442px !important;
}

/* 
 ----------------- hohes feld => haut 
*/
.haut {
    height: 70px !important;
}  

/* 
 ----------------- date (entre ... et ...) => date 
*/
.date {
    width: 590px !important;    
}
.date input {

}

.date label, .date input, .date p {
    float: left;
    margin-right: 8px;
    margin-top:5px;
}  
#correction1 {
    margin-top: -3px;
}
fieldset.contrat {
    width: 285px;
    
}
fieldset.correction input {
    height: 74px;
    
}
/* 
 ---------------------------------- loupe / plus  --------------------------
*/
a.loupe, a.plus {
    display: block;
    float: right;   
    width: 20px;
    height: 20px;
    margin-top: -24px;
}  
a.loupe {
    background: url(img/loupe.png) no-repeat;  
    margin-right: 1px;
} 
a.plus {
    background: url(img/plus.png) no-repeat; 
    margin-right: 22px;
    margin-top: -22px;
}         
.loupe2 input  {
    width: 95px !important;
} 
.loupe1 input  {
    width: 116px !important;
} 

/* 
 ---------------------------------- textarea --------------------------
*/

form fieldset textarea {
    height: 150px;
}   

.form-text input,                   /*------- input / textarea ------------*/
form fieldset textarea,
#formDeplacement table tr td input,
#formRemarque table tr td input, 
#formHistorique table tr td input{
    display: block;
    width: 137px;
    padding: 0px 5px 0px 5px;
    border: 1px solid #ddd;
    background: #f5f5f5;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 22px;
    margin-top: 2px
}
/* 
 ---------------------------------- admin --------------------------
*/
.admin label {
    width: 220px !important;  
}
.admin input {
    width: 352px !important;  
}
.admin select {
    width:  364px;
}
/* 
 ---------------------------------- input --------------------------
*/
form fieldset input.form-text:focus {
    border: 1px solid #ccc;
    background: #fff;
}

/* 
 ---------------------------------- label --------------------------
*/
form fieldset label, .contrat label {
    float: left;
    width: 130px;
    margin: 4px 0 5px 4px;
}
form fieldset.check label {
    display: inline;
    float: none;
    width: auto;
}
form fieldset.radio ul li label {
    display: inline;
    float: none;
    width: auto;
}


/* 
 ---------------------------------- select --------------------------
*/
form fieldset select, .contrat select{
    width: 149px;
    margin: 2px 0 0 0;
    border-radius: 3px;
    border-color: #EEE;
    height: 24px;
}

/* 
 ---------------------------------- form-actions --------------------------
*/
form fieldset.form-actions, a.actions
{
    padding: 0;
    border: none;
    width: auto;
    float: right;
    margin-right: 41px;
}
p.actions:last-child {
    margin-right: 40px !important;
}
a.actions {
    margin-left: 10px !important;
}
form input[type="submit"],form input[type="reset"], form input[type="button"], a.actions, a.anHistSupprimer {
    height: 23px;
    margin: 1px 0 0 0;
    padding: 3px 10px;
    font-weight: bold;
    border: 1px solid #ccc;
    background: #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
form input[type="submit"]:hover,
form input[type="submit"]:focus,
form input[type="reset"]:hover,
form input[type="reset"]:focus,
form input[type="button"]:hover,
form input[type="button"]:focus, a.actions{
    border: 1px solid #bbb;
    background: #e5e5e5;
}
form input[type="submit"]:active,
form input[type="reset"]:active,
form input[type="button"]:active, a.actions{
    border: 1px solid #ccc;
    background: #eee;
}

.actions a.actions {
color: buttontext !important;
font-size: 0.8em;
line-height: 1.2em;
height: 15px;
margin-top: 20px;
margin-bottom: 20px;
}
/* ------------------------------- Mailing ------------------------------------ */


#destinaire, #distribution, #mailingButtons {
    height: 136px;
    width:  170px;
    border: none;
    background: transparent;
}
#mailingButtons {
    text-align: center;
    line-height: 30px;  
    padding-top: 53px;
    height: 83px;
}
#destinaire label, #distribution label {
    width:  170px;
    margin-left: 0px;
}
#destinaire select, #distribution select {
    width:  170px;
    height: 130px;
}
#mailingExport {
    margin-right: 79px;
    margin-top: 20px;
    
}


p.actions {
    float: right;
    margin-bottom: 20px;
}

form fieldset.image input {
    padding-top: 3px;
    padding-left: 2px;
}